<template>
	<scroll-view scroll-y class="topicScroll" :style="(title == '新增话题') ? 'height: 580rpx' : 'height: 245rpx'">
		<view class="title">
			{{title}}
		</view>
		<slot></slot>
	</scroll-view>
</template>

<script>
	export default {
		name: 'TopicScroll',
		components: {
		},
		props: {
			title: {
				type: String,
				default() {
					return ''
				}
			}
		},
		data() {
			return {
			}
		},
		created() {
			
		},
		methods: {
		}
	}
</script>

<style scoped>
	.topicScroll {
		width: 93%;
		/* height: 229.09rpx; */
		border-radius: 18.18rpx;
		background-color: #CFE4FF;
		margin: 0 auto 18.18rpx;
	}
	.title {
		margin-left: 27.27rpx;
		padding: 18.18rpx 0;
	}
</style>
